<template>
  <el-card>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/stuWelcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>英语版块</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/englishList' }">英语角</el-breadcrumb-item>
    </el-breadcrumb>
    <!--    标题-->
    <div class="light">
      <h3>我爱你</h3>
    </div>
    <div class="content">
      <p>You are the epitome of everything I've ever looked for in another human being.</p>
      <p>你拥有我梦寐以求的一切美好品质。</p>
      <p>Love is too weak a word for the way I feel. I lurv you. I loave you. I luff you.</p>
      <p>用爱这个词来形容我的感受太苍白了，我耐你，我中意你，我贼稀罕你啊！</p>
      <p>There's only one place in the world I call home and it's because you're there.</p>
      <p>这世界上只有一个我能称之为家的地方，那就是有你的地方。</p>
      <p>I'd feel better sitting outside your apartment on the curb than any other place I can think of or imagine.</p>
      <p>坐在你家门口让我感觉非常棒，我再也想不出其他更好的地方了</p>
      <p>I'm not waking up another morning without being able to look at you next to me.</p>
      <p>我再也不想清晨醒来的时候没有你在身边。</p>
      <p>Can't you see what I'm trying to tell you, I love you!</p>
      <p>你难道还看不出我对你的心意吗？我爱你！</p>
      <p>I love you...Very much.</p>
      <p>我爱你······至深。</p>
      <p>No other love but you.</p>
      <p>除你之外别无所爱。</p>
      <p>You complete me.</p>
      <p>你让我的人生完整了</p>
      <p>I think that's the only thing I've ever been really sure of in my entire life.</p>
      <p>我认为爱你是我人生中唯一确信不疑的事情。</p>
      <p>You are the woman that I want.</p>
      <p>你就是我想要的那个女人。</p>
      <p>You have bewitched me, body and soul.</p>
      <p>你让我着了魔，从肉体到灵魂。</p>
      <p>Whatever I am... I'm yours.</p>
      <p>不论我是什么，我都是你的。</p>
      <p>I am so in love with you.</p>
      <p>我是如此爱你。</p>
      <p>You're the only one for me.</p>
      <p>你是我的唯一。</p>
      <p>I'm not a smart man, but I know what love is.</p>
      <p>我虽然有点愚笨，但我知道什么是爱。</p>
      <p>All I ever wanted... was you!</p>
      <p>我一直以来想要的就是你！</p>
      <p>I've loved you more than any woman's ever loved a rabbit.</p>
      <p>我爱你胜过任何女人对兔子的爱。</p>
      <p>I love you more than anyone has ever loved.</p>
      <p>我爱你胜过任何曾经爱过的人。</p>
      <p>I love you more than my life.</p>
      <p>我爱你胜过我的生命。</p>
      <p>I want to be with you.</p>
      <p>我想跟你在一起。</p>
      <p>I made up my mind you were the only woman for me.</p>
      <p>我想好了，你就是我的唯一。</p>
      <p>I've loved you since the first day I met you, and I'll never stop.</p>
      <p>遇见你的第一天起我就爱上了你，而且我永远不会停止爱你。</p>
      <p>I'll love you always. Until your heart stops beating. 'Til the stars turn cold.</p>
      <p>我会永远爱你。直到你的心脏停止跳动。直到星辰不再发光。</p>
      <p>I've never felt that before.</p>
      <p>我之前从未有过这样的感觉。</p>
      <p>Because I came alive when I met you.</p>
      <p>因为遇见你，我又活过来了。</p>
      <p>So I will wait forever for you, okay? I will wait the rest of my life.</p>
      <p>我会永远等你的，好不好？我会用我的余生来等待。</p>
      <p>I want all of you, forever, you and me, every day.</p>
      <p>我想拥有你的全部，永远，你和我，每时每刻都在一起。</p>
      <p>I love you. I always have. And I always will.</p>
      <p>我爱你。我一直都爱着你，并将永远爱你。</p>
      <p>When you realize you want to spend the rest of your life with somebody, you want the rest of the life to start as soon as possible.</p>
      <p>当你意识到你想与一个人共度余生的时候，你会希望这份余生尽快开始。</p>
      <p>You had me at "hello."</p>
      <p>你的一句“你好”我就已经沦陷了。</p>
    </div>
    <div class="light">
      <el-button type="primary" style="margin-top: 20px;" @click="complete">完成阅读</el-button>
    </div>
  </el-card>
</template>

<script>
  export default {
    methods:{
      complete(){
        this.$message({
          message:'恭喜您已完成本篇阅读！',
          type:"success"
        });
        // 跳转至EnglishList页面
        this.$router.replace("/englishList");
     }
  }
}
</script>
<style scoped>
  .light{
    margin-top: 10px;
    font-size: 30px;
    text-align: center;
    color: #fefefe;
    text-shadow: 0 0 0.5em #0ae642, 0 0 0.2em #5c5c5c;
    -webkit-animation: shine 2.4s infinite;/*设置动画*/
  }
  @-webkit-keyframes shine{/*创建动画*/
    0%,100%{ color:#fff;text-shadow:0 0 10px #f0d1f8,0 0 10px #0000FF; }
    50%{ text-shadow:0 0 10px #0000FF,0 0 40px #0ae642; }
  }
  .content{
    min-height:350px;
    overflow-y:auto;
    max-height:600px;
  }
  p{
    font-size: 18px;
    color: #fefefe;
    text-shadow:0px 1px 0px #d27878,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, .9);
  }
</style>
